<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 3.0 License

Name       : Big Business
Description: A two-column, fixed-width design with a bright color scheme.
Version    : 1.0
Released   : 20120210
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Big Business by Free CSS Templates</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../style.css" />

<style type="text/css">
.col1 {
	text-align:right;
}

.col2 {
	text-align:left;
}

.head-t{
	text-align:center;
	background-color:#fafafa;
}

.no-style{
	text-align:center;
}
.button_role{
text-align:center; 
cursor:pointer;
background-color:#f8f8f8; 
width:70px;
}

.button_role:hover{
border: 1px solid #000;
}

</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
		
		$.get("../../bind?id=soc_name" , function(data){
			var name = data;
			$("#soc_name1").html(name);
		});
		
		$.get("../../bind?id=dept" , function(data){
			var name = data;
			$("#dept").html(name);
		});
		
		$.get("../../get-issues?cat=all" , function(data){
			var name = data;
			$("#data").html(name);
		});
		
		$("#open").click(function(){
			$.get("../../get-issues?cat=open" , function(data){
				var name = data;
				$("#data").html(name);
			});
		});
		
		$("#closed").click(function(){
			$.get("../../get-issues?cat=closed" , function(data){
				var name = data;
				$("#data").html(name);
			});
		});
});
</script>


</head>
<body>
<div id="wrapper">
	<div id="header">
		<div id="logo">
			<h1><a href="#"><span id="soc_name1"></span></a></h1>
		</div>
	</div>
	<div id="menu">
		<ul>
			<li class="first current_page_item"><a href="../home">Home</a></li>
			<li><a href="../Committee/committee">Managing Committee</a></li>
			<li><a href="../Issues/report-issue">Report Issue</a></li>
			<li class="last"><a href="../Contact/contact-us">Contact</a></li>
			<li><a href="issues-1.html">Pending Issues</a></li>
		</ul>
		<br class="clearfix" />
	</div>

	<div id="page">
			<table width="100%" cellspacing=20>
				<tr>
					<td style="text-align:left;" class="head-t">
						Issues assigned under <span id="dept"></span>
					</td>
					<td style="text-align:right;" class="head-t">
						<table>
							<tr>
								<td style="text-align:right;"><a href="javascript:void(0);" id="open">Open Issues</a></td>
								<td style="text-align:right;"><a href="javascript:void(0);" id="closed">Closed Issues</a></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			
			<table width="100%" class="no-style head-t">
				<tr>
					<td width="20%">
						Issue By
					</td>
					<td width="20%">
						Time
					</td>
					<td width="20%">
						Description
					</td>
					<td width="20%">
						Building
					</td>
					<td width="20%">
						Flat
					</td>
				</tr>
			</table>
			
			<div id="data">
			
			</div>
	</div>
	</div>
</body>
</html>		